---
layout: default
---
<section class="collection-head collection-head-scrolled geopattern" data-pattern-id="{{ page.title | truncate: 15, ''}}">
    <div class="container">
        <div class="columns">
            <div class="column three-fourths">
                <div class="collection-title">
                    <h1 class="collection-header">{{ page.title }}</h1>
                    <div class="collection-info">
                        <span class="meta-info">
                            {% if page.logo %}
                                {{ page.logo }}
                            {% endif %}
                            {% if page.date %}
                            <span class="octicon octicon-calendar"></span> {{ page.date | date: "%Y/%m/%d" }}
                            {% endif %}
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- / .banner -->
<section class="container content">
    <div class="columns">
        <div class="column three-fourths" >
            <article class="article-content markdown-body">
                {{ content }}
            </article>
            {% if page.share != false %}
                <div class="share">
                    {% include sns-share.html %}
                </div>
            {% endif %}
            {% if page.comments != false %}
                <div class="comment">
                    {% include comments.html %}
                </div>
            {% endif %}
        </div>
        <div class="column one-fourth">
            {% include sidebar-search.html %}
            {% include sidebar-categories-nav.html %}
        </div>
    </div>
</section>
<!-- /section.content -->